<template>
	<view>
		<view class="no_data" v-if="loading">加载中。。。</view>
		<view class="no_data" v-else>暂无{{ title }}</view>
	</view>
</template>

<script setup>
	import { defineProps } from 'vue';
	
	defineProps({
		title: {
			type: String,
			default: ''
		},
		loading: {
			type: Boolean,
			default: false
		}
	});
</script>

<style>
.no_data {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 32rpx;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 47rpx;
	color: #808080;
}
</style>